<template>
	<view class="page-section swiper">
		<view class="page-section-spacing">
			<swiper class="swiper" indicator-dots="true" autoplay="true" interval="3000" duration="500">
				<swiper-item v-for="(item, index) in datalist" :key="index">
					<view class="swiper-item">
						<image class="swiper-image" :src="item"></image>
					</view>
				</swiper-item>
			</swiper>
		</view>
	</view>
</template>

<script>
export default {
	name: 'banner',
	props: {
		datalist: {
			type: Array,
			default: () => []
		}
	}
}
</script>

<style>
	.swiper {
		width: 100%;
		height: 620rpx;
	}
	.swiper-image {
		width: 100%;
	}
</style>
